﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery编写悬浮QQ客服窗口 </title>

<link rel="stylesheet" href="css/start_v5.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/plugin/jquery.tipsy.js?v=20140326"></script>
<script type="text/javascript" src="js/page/start_v5.js?v=20140326"></script>

</head>
<body>
<div id="online_qq_layer">
  <div id="online_qq_tab">
    <div class="online_icon"> <a title="联系我们" id="floatTrigger" href="javascript:void(0);"></a> </div>
  </div>
  <div id="onlineService">
    <div class="online_windows overz">
      <div class="online_w_top"> </div>
      <!--online_w_top end-->
      <div class="online_w_c overz">
        <div class="online_bar collapse" id="onlineSort1">
          <h2> <a href="#">加盟合作咨询</a> </h2>
          <div class="online_content overz" id="onlineType1" style="display: block;">
            <ul class="overz">
              <li>
                <a target="_blank" href="http://wp.qq.com/wpa/qunwpa?idkey=123456"><img border="0" src="image/group.png" alt="jqueryfuns群" title="jqueryfuns群"></a>
              </li>
              <li>
                  <a target="_blank" href="http://wp.qq.com/wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="jqueryfuns群" title="jqueryfuns群"></a>
              </li>
              <li>
                  <a target="_blank" href="http://wp.qq.com/wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="jqueryfuns群" title="jqueryfuns群"></a>
              </li>
              <li>
                   <a target="_blank" href="http://wp.qq.com/wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="jqueryfuns群" title="jqueryfuns群"></a>
              </li>
              <li>电话：1234567890</li>
            </ul>
          </div>
          <!--online_content end-->
        </div>
        <!--online_bar end-->
        <div class="online_bar collapse" id="onlineSort2">
          <h2> <a href="#">QQ在线咨询</a> </h2>
          <div class="online_content overz" id="onlineType2" style="display: block;">
            <ul class="overz">
              <li>
                   <a target="_blank" href="http://wp.qq.com/wpa/qunwpa?idkey=123456789"><img border="0" src="image/group.png" alt="jqueryfuns群" title="jqueryfuns群"></a>
              </li>
              <li>电话：1234567890</li>
            </ul>
          </div>
        </div>
        <!--online_bar end-->
        <div class="online_bar collapse" id="onlineSort3">
          <h2> <a href="#">扫一扫，体验功能</a> </h2>
          <div class="online_content overz" id="onlineType3" style="display: block;"> <img src="image/weixin_code.jpg" style="display: block;margin: 0 auto 5px;width: 90px" /> </div>
        </div>
        <!--online_bar end-->
      </div>
      <!--online_w_c end-->
      <div class="online_w_bottom"> </div>
      <!--online_w_bottom end-->
    </div>
    <!--online_windows end-->
  </div>
</div>
    <!--下面是无用代码-->
    <a style="display:none" href="http://www.bootstrapmb.com">bootstrap模板库</a>
    <!--上面是无用代码-->

</body>
</html>
